// --------------------------------------------------
// Variables
// --------------------------------------------------

$grey-darker:              #222;
$grey-dark:                #333;
$grey:                     #555;
$grey-light:               #777;
$grey-lighter:             #eee;
$color-default:            #b6c2c9;
$color-primary:            #348fe2;
$color-info:               #49b6d6;
$color-success:            #84b547;
$color-danger:             #ff5b57;
$color-warning:            #f59c1a;
$color-inverted:           #2d353c;
$color-white:              #fff;

// typography
$line-height-base:         1.42858;//20 / 14
$font-size-base:           14px;
$text-color:               #333;

// grid
$grid-columns:             12;//grid-12 default
$grid-gutter:              30px;

// button
$btn-border-width:         2px;
$btn-border-radius:        4px;
$btn-font-size:            $font-size-base;
$btn-line-height:          $line-height-base;

// table
$table-border-color:       #ddd;
$table-head-bg-color:      rgba(100, 100, 150, 0.04);
$table-striped-bg-color:   rgba(100, 100, 150, 0.04);
$table-hover-bg-color:     rgba(100, 100, 150, 0.04);
$table-border-radius:      5px;
$table-border-width:       2px;

// form
$input-bg-color:           #fff;
$input-border-color:       #ddd;
$input-border-color-focus: $color-primary;
$input-border-width:       2px;
$input-border-radius:      4px;
$input-text-color:         #333;
$input-font-size:          $font-size-base;
$input-line-height:        $line-height-base;

// boxes
$box-bg-color:             #fff;
$box-border-color:         #ddd;
$box-heading-bg-color:     #f5f5f5;
$box-footer-bg-color:      #f5f5f5;
$box-border-radius:        4px;
$boxes-border-radius:      5px;
$boxes-border-width:       2px;
$boxes-box-border-radius:  $boxes-border-radius - $boxes-border-width;
$boxes-rasied-shadow:      rgba(50, 50, 100, .1);
